<template>
  <div class="list-table noPad">
    <el-tabs v-model="activeName" @tab-click="tabClick">
      <el-tab-pane :label="$t('用户休假天数设置')" name="first">
        <oaVacationUserList v-if="isShow" ref="oaVacationUserList" />
      </el-tab-pane>
      <el-tab-pane :label="$t('休假默认天数设置')" name="second">
        <oaVacationTypeList v-if="!isShow" ref="oaVacationTypeList" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import oaVacationTypeList from '@/views/oa/vacation/type/oaVacationTypeList'
  import oaVacationUserList from '@/views/oa/vacation/user/oaVacationUserList'
  export default {
    components: {
      oaVacationTypeList,
      oaVacationUserList
    },
    data() {
      return {
        activeName: 'first',
        // 推送记录复选框选中的上会项目id
        businessDetailIds: [],
        isShow: true
      }
    },
    methods: {
      tabClick(tab) {
        this.isShow = tab.name === 'first'
      }
    }
  }
</script>

<style scoped>

</style>
